<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>仿王者荣耀官方网站-新闻列表</title>
    <link rel="stylesheet" href="../style/reset.css" />
    <link rel="stylesheet" href="../style/common.css" />
    <link rel="stylesheet" href="../style/page/news.css" />
  </head>
  <body>
    <div class="page-news wrapper_01">
      <div class="bg">
        <img src="../img/news/bg.jpg" alt="">
      </div>
      <a class="download" href="#">
        <img src="../img/news/btn-download.png" alt="" />
      </a>
      <div class="content-wrapper">
        <div class="carousel">
          <div class="carousel-imgs">
            <img src="../img/news/carousel-01.png" alt="" />
          </div>
          <ul class="carousel-cursor">
            <li class="item active"></li>
            <li class="item"></li>
            <li class="item"></li>
            <li class="item"></li>
            <li class="item"></li>
          </ul>
          <div class="carousel-arrow carousel-arrow--left"></div>
          <div class="carousel-arrow carousel-arrow--right"></div>
        </div>
        <div class="news">
          <div class="top-area">
            <ul class="category-wrapper">
              <li class="category active">热门</li>
              <li class="category">公告</li>
              <li class="category">新闻</li>
              <li class="category">活动</li>
              <li class="category">赛事</li>
            </ul>
            <a href="#" class="more">更多</a>
          </div>
          <ul class="list">
            <li class="item">
              <span class="category">热门</span
              ><a
                href="#"
                class="title ellipsis"
                title="UI改造日志|单局体验细节、大厅部分入口展示等优化内容抢先看入口展示等优化内容抢先看">
                UI改造日志|单局体验细节、大厅部分入口展示等优化内容抢先看入口展示等优化内容抢先看</a
              ><span class="date">02/27</span>
            </li>
            <li class="item">
              <span class="category">热门</span
              ><a
                href="#"
                class="title ellipsis"
                title="少司缘、瑶传送跟随规则调整，哪吒大招索敌逻辑优化"
                >少司缘、瑶传送跟随规则调整，哪吒大招索敌逻辑优化</a
              ><span class="date">02/27</span>
            </li>
            <li class="item">
              <span class="category">热门</span
              ><a
                href="#"
                class="title ellipsis"
                title="S39赛季体验服爆料，优化内容抢先看！">
                S39赛季体验服爆料，优化内容抢先看！</a
              ><span class="date">02/27</span>
            </li>
            <li class="item">
              <span class="category">热门</span
              ><a
                href="#"
                class="title ellipsis"
                title="源梦快乐集活动开启：看源梦新皮肤作品，传递快乐！">
                源梦快乐集活动开启：看源梦新皮肤作品，传递快乐！</a
              ><span class="date">02/27</span>
            </li>
          </ul>
        </div>
      </div>
      <ul class="tip">
        <li class="item">
          <a href="#">
            <img src="../img/news/tip-shiling.png" alt="">
          </a>
        </li>
        <li class="item">
          <a href="#">
            <img src="../img/news/tip-fanchenmi.png" alt="">
          </a>
        </li>
      </ul>
      <div class="shortcut">
        <iframe src="./快捷图标.html" style="width: 330px; height: 130px;"></iframe>
      </div>
    </div>
  </body>
</html>
